<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>增值服务</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../phoneCss/commons.css?r=1" rel="stylesheet" />
    <style>
        .mui-content{
            width: 100%;
        }
        .mui-bar-nav~.mui-content{
            padding-bottom: 0;
        }
        .mui-content div{
            width: 100%;
            display: none;
        }
        .mui-content div img{
            width: 100%;
            display: block;
        }
        .service1,.service2,.service3,
        .service4,.service5,.service6{
            position: relative;
        }
        .service1 a,.service2 a,.service3 a,
        .service4 a,.service5 a,.service6 a{
            position: absolute;
            bottom: 18px;
            width: 100%;
            height: 40px;
            left:0;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">增值服务</h1>
</header>
<div class="mui-scroll-wrapper" style="padding-top: 44px;">
    <div class="mui-scroll">
<div class="mui-content" style="padding-bottom: 0">
    <div class="service1">
        <img src="" alt="">
        <a href="javascript:void(0)"></a>
    </div>
    <div class="service2">
        <img src="" alt="">
    </div>
    <div class="service3">
        <img src="" alt="">
    </div>
    <div class="service4">
        <img src="" alt="">
    </div>
    <div class="service5">
        <img src="" alt="">
    </div>
    <div class="service6">
        <img src="" alt="">
    </div>
</div>
    </div>
</div>

<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>
    document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/md5.js"></script>
<script>
    var service = GetQueryString('service');
    $('.service'+service+'').show();
    $('.service'+service+' img').attr('src','../phoneImg/service'+service+'.jpg')
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });
</script>
</body>
</html>
